@extends('layouts.index')
@section('title','活动详情')
    @section('content')
        <div class="main-container">
            <header class="editorial-header">
                <div class="span14-mobile pixel-pattern editorial-header__leftbox">
                    <div class="pixel-text editorial__fancytext"><span class="pixel-text__text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">{{\Illuminate\Support\Carbon::parse($detail->created_at)->day}}</font></font></span></div>
                    <div class="editorial-header__leftbox__info editorial-header__leftbox__info--faded">
                        <font style="vertical-align: inherit;">
                            <font style="vertical-align: inherit;">{{trans('datetime.'.\Illuminate\Support\Carbon::parse($detail->created_at)->month)}}</font>
                        </font>
                    </div>

                </div>
                <div class="span14-mobile editorial-header__rightbox">
                    <div class="editorial-header__rightbox__share">
                        <div class="social-share"><button class="social-share__button"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">分享+</font></font></button>
                            <div>
                                <div class="dropdown" style="left: -196.211px; top: 32px; width: 260px;">
                                    <div class="dropdown__arrow dropdown__arrow--right dropdown__arrow--top"></div>
                                    <div class="dropdown__repositioner" style="margin-left: 0px; width: 260px;">
                                        <div class="dropdown__grid pixel-pattern pixel-pattern--darker pixel-pattern--01"></div>
                                        <div class="dropdown__content">
                                            <ol>
                                                <li>
                                                    <a href="#">
                                                        <font style="vertical-align: inherit;">
                                                            <font style="vertical-align: inherit;">Facebook的</font>
                                                        </font>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <font style="vertical-align: inherit;">
                                                            <font style="vertical-align: inherit;">推特</font>
                                                        </font>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <font style="vertical-align: inherit;">
                                                            <font style="vertical-align: inherit;">Google+的</font>
                                                        </font>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <font style="vertical-align: inherit;">
                                                            <font style="vertical-align: inherit;">LinkedIn</font>
                                                        </font>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="mailto:?subject=The FWA - Team at dpdk&amp;body=https://thefwa.com/interviews/team-at-dpdk">
                                                        <font style="vertical-align: inherit;">
                                                            <font style="vertical-align: inherit;">电子邮件</font>
                                                        </font>
                                                    </a>
                                                </li>
                                            </ol>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--正文部分-->
                    <div class="span10 span14-mobile editorial-header__rightbox__container">

                        <h1 class="">{{$detail->title or ''}}</h1>
                        <h2>@lang('web.activity_time')：{{$detail->start_time}}-{{$detail->end_time}}</h2>
                        <!--从富文本编辑的文本放在这个地方-->
                        <div>{!! $detail->content !!}</div>
                    </div>


                </div>
            </header>
        </div>
        @endsection